<template>
    <div id="myMain">
        <div class="displayFlexR" style="flex:1;">
            <div class="approval_details_left myMain-padding">
                这里是新闻内容。
            </div>
            <div class="approval_details_right myMain-padding">
                <p class="baseBG hh">当前处理人： 王建军</p>
                <el-checkbox-group v-model="checkList">
                    <el-checkbox label="同意"></el-checkbox>
                    <el-checkbox label="不同意"></el-checkbox>
                </el-checkbox-group>
                <p>处理意见：</p>
                <el-input type="textarea" v-model="textarea" rows="3" placeholder="请输入处理意见"></el-input>
                <p>历史处理意见：</p>
                <el-timeline>
                    <el-timeline-item timestamp="2018/4/12" placement="top">
                    <el-card>
                        <p>发起人： 王建军</p>
                    </el-card>
                    </el-timeline-item>
                    <el-timeline-item timestamp="2018/4/3" placement="top">
                    <el-card>
                        <p>处理人员： 李子莹</p>
                        <p>处理意见：同意</p>
                    </el-card>
                    </el-timeline-item>
                </el-timeline>
                <el-button class="baseBG" @click="submit">确认</el-button>
            </div>
        </div>
    </div>
</template>
<style lang="scss" scoped>
@import '../../../styles/all';
#myMain{
    .approval_details_left{
        flex: 4;
        margin-right: 20px;
        
    }
    .approval_details_right{
        flex: 1;
        position: relative;
        p{
            text-align: left;
            line-height: 35px;
        }
        .hh{
            padding: 2% 4%;
            border-radius: 5px;
        }
        .el-checkbox-group{
            margin: 2vh 0;text-align: left;
        }
        ::v-deep.el-timeline-item__timestamp.is-top{
            text-align: left;
        }
        // 线的颜色
        ::v-deep.el-timeline-item__tail {
            border-left: 2px solid #28567f;
        }
        // 圆点颜色
        ::v-deep.el-timeline-item__node {
            background-color: #28567f;
        }
        .el-button{
            position: absolute;
            right: 4%;
            bottom: 2%;
        }
    }
}
</style>
<script>
export default {
    props: {
    },
    components:{},
    data(){
        return{
            textarea: '',
            checkList: [],
        }
    },
    methods:{
        submit(){
            this.$router.go(-1)
        }
    },
    created(){},
    mounted(){},
}
</script>